<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>

	<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" />
</h:head>

<f:event listener="#{manageAccountManageBean.onLoad}"
	type="preRenderView"></f:event>

<body>

	<ui:include src="./header.xhtml" />
	<div id="content-outer">
		<div id="content">

			<!--  start page-heading -->
			<div id="page-heading">
				<h1>Customer Account Management</h1>
			</div>
			<!-- end page-heading -->
			<table border="0" width="100%" cellpadding="0" cellspacing="0"
				id="content-table">
				<tr>
					<th rowspan="3" class="sized"><img
						src="images/shared/side_shadowleft.jpg" width="20" height="300"
						alt="" /></th>
					<th class="topleft"></th>
					<td id="tbl-border-top">&nbsp;</td>
					<th class="topright"></th>
					<th rowspan="3" class="sized"><img
						src="images/shared/side_shadowright.jpg" width="20" height="300"
						alt="" /></th>
				</tr>
				<tr>
					<td id="tbl-border-left"></td>
					<td>
						<!--  start content-table-inner ...................................................................... START -->
						<div id="content-table-inner">
							<h1>Welcome to banking account management services</h1>

							<!--  start table-content  -->
							<h:form action="#">
								<div id="table-content">
									<div class="controls-row">
										<div class="control-group">

											<h:button outcome="/Group1/AddAccount.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Add New Account" />
											<h:button outcome="/Group1/ApproveAccount.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Approve New Account" />

											<h:button outcome="/Group1/DepositAccountManagement.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Manage Deposit Account List" />
											<h:button outcome="/Group1/SavingAccountManagement.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Manage Saving Account List" />
											<h:button outcome="/Group1/SearchAccountByIDCard.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Search Existed Account" />
											<h:button outcome="/Group1/ChangeStateAccount.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Update Account State" />
											<h:button outcome="/Group1/markRemovableAccount.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Remove Customer Account" />

											<h:button outcome="/saving-transaction/saving-acc-mng.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Manage Saving Transactions" />
											<h:button outcome="/Group2/pages/depositAccountList.xhtml"
												style="height: 30px; width: 200px; margin: 10px; float:left"
												class="btn btn-primary" value="Manage Deposit Transactions" />
										</div>
									</div>
								</div>
							</h:form>
							<div class="clear"></div>

						</div>

					</td>
					<td id="tbl-border-right"></td>
				</tr>
				<tr>
					<th class="sized bottomleft"></th>
					<td id="tbl-border-bottom">&nbsp;</td>
					<th class="sized bottomright"></th>
				</tr>
			</table>
		</div>
	</div>
</body>
</html>
